<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ie中input与button按钮背景图失效--闫海的个人博客-芒果小叨</title>
<meta name="keywords" content="个人博客,闫海个人博客,ie,dede,button,背景图失效" />
<meta name="description" content="​button按钮背景图失效，ie6,7均不显示图片的相关解决办法。" />
<link href="/Public/Index/css/base.css" rel="stylesheet">
<link href="/Public/Index/css/new.css" rel="stylesheet">
<link rel="stylesheet" href="/Public/Index/css/animate.css">
<link rel="stylesheet" type="text/css" href="/Public/Admin/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://yanhai0531.com/mobile.php");</script>
<!--[if lt IE 9]>
<script src="/Public/Index/js/modernizr.js"></script>
<![endif]-->

<script type="text/javascript" src="/Public/Admin/Js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/Public/Admin/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
  SyntaxHighlighter.all();
</script>
<script type="text/javascript">
  var url = '/index/article';
  $(function(){
    var id = '1';
    $.post(url+'/addClick',{'id':id},function(data){
        $("#pclick").html('点击数：' + data);
    });
  })
</script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F5a97c6527b57694be765111b6a23bffc' type='text/javascript'%3E%3C/script%3E"));
</script>
</head>
<body>
<script src="/Public/Index/js/jquery.js"></script>
<div class='header animated bounceInDown'>
    <div class='wrap'>
      <div class='logo'><a data-scroll-reveal='enter from the top over 0.7s' href='/'>
         <img src='/Public/Index/images/logo.png' title='闫海的个人博客首页' alt="logo" /></a>
      </div>
      <div data-scroll-reveal='enter from the top over 0.7s' class='top-nav'>
          <ul id="topnav">
            <li><a href='/'  title='首页'>首页<span></span></a></li>
            <li><a href='/index/list/2.html' title='关于我'>关于我<span> </span></a></li><li><a href='/index/list/3.html' title='时光轴'>时光轴<span> </span></a></li><li><a href='/index/list/1.html' title='品味人生'>品味人生<span> </span></a></li><li><a href='/index/list/5.html' title='技术分享'>技术分享<span> </span></a></li>            <li><a href='/index/article/message.html'  title='给我留言'>给我留言<span></span></a></li>
          </ul>
      </div>
      <div class='clear'></div>
    </div>
</div>
<article class="blogs">
  <h1 class="t_nav">
  	<span>您当前的位置：<a href="/index.html">首页</a>&nbsp;&gt;&nbsp;
	<a href="/index/list/5.html">技术分享</a>
	&nbsp;&gt;&nbsp;<a href="/index/list/13.html">html+css</a>
	
  	</span>  <a href="/index.html" class="n1">网站首页</a>
  </h1>
  <div class="index_about">
    <h2 class="c_titile">ie中input与button按钮背景图失效</h2>
    <p class="box_c"><span class="d_time">发布时间：2015-01-04 11:38</span><span>编辑：小叨</span><span id="pclick">点击数：130</span></p>
    <ul class="infos" style="word-break: break-all;">
      <pre class="brush:html;toolbar:false">&lt;div&nbsp;class=&quot;shop_buy&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;form&nbsp;id=&quot;formcar&quot;&nbsp;name=&quot;formcar&quot;&nbsp;method=&quot;post&quot;&nbsp;action=&quot;{dede:field&nbsp;name=&#39;phpurl&#39;/}/posttocar.php&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;id&quot;&nbsp;value=&quot;{dede:field.id/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;title&quot;&nbsp;value=&quot;{dede:field.title/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;price&quot;&nbsp;value=&quot;{dede:field.trueprice/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type=&quot;hidden&quot;&nbsp;name=&quot;units&quot;&nbsp;value=&quot;{dede:field.units/}&quot;&nbsp;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;br/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;value=&quot;&quot;&nbsp;type=&quot;submit&quot;&nbsp;class=&quot;sub_shop&quot;/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;small&gt;购物车：&lt;/small&gt;&lt;span&gt;&lt;a&nbsp;href=&quot;{dede:field&nbsp;name=&#39;phpurl&#39;/}/car.php&quot;&nbsp;target=&quot;_blank&quot;&gt;查看购物车&lt;/a&gt;&lt;/span&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/form&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;br/&gt;
&lt;/div&gt;
.shop_buy&nbsp;.sub_shop&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;width:145px;
&nbsp;&nbsp;&nbsp;&nbsp;height:34px;
&nbsp;&nbsp;&nbsp;&nbsp;border:none;
&nbsp;&nbsp;&nbsp;&nbsp;cursor:pointer;
&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;no-repeat;
&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;left&nbsp;top;
&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;url(arc_pic_06.jpg);
&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;transparent;
}</pre><p><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">火狐显示正常，ie6,7均不显示图片</span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><br/></span></span><br/><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">后来发现貌似是背景图被按钮盖住了，用了个透明色</span></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(51, 102, 255);font-family:&#39;Courier New&#39;, Courier, Verdana;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">background-color: transparent</span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(51, 102, 255);font-family:&#39;Courier New&#39;, Courier, Verdana;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none"><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">。就行了。实际上background默认的颜色就是透明的属性。可能是dede</span></span></span><span style="color:rgb(61, 61, 61);font-family:Arial, Helvetica, sans-serif, 宋体;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:1px;orphans:2;text-align:start;text-indent:19px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;display:inline !important;float:none">或者CSS代码中有某一处设置的属性导致。</span><br/></p><p><br/></p>    </ul>
    <div class="keybq">
    <p><span>关键字词</span>：ie,dede,button,背景图失效</p>
    
    </div>
    <div class="ad"> </div>
    <div class="nextinfo">
      <p>上一篇：已经是第一篇文章了</p>
      <p>下一篇：<a href="/index/article/4.html">CSS 定义textarea滚动条样式图解</a></p>
    </div>
    <div class="otherlink">
      <h2>相关文章</h2>
      <ul>
        <li><a href="/index/article/4.html" title="CSS 定义textarea滚动条样式图解">CSS 定义textarea滚动条样式图解</a></li><li><a href="/index/article/1.html" title="ie中input与button按钮背景图失效">ie中input与button按钮背景图失效</a></li>        
      </ul>
    </div>
  </div>
  <aside class="right">
    <div class="news" style="margin-top:10px;">
    <h3>
	<p>最新<span>文章</span></p>
</h3>
	<ul class="rank">
		<li><a href="/index/article/49.html" title="新版网站完成50%了，继续加油吧" >新版网站完成50%了，继续加油吧</a></li><li><a href="/index/article/48.html" title="【Laravel5教程】mac+apache+mysql配置多站点(一)" >【Laravel5教程】mac+apache+mysql配置多站点(一)</a></li><li><a href="/index/article/47.html" title="Laravel5.1配置" >Laravel5.1配置</a></li><li><a href="/index/article/46.html" title="laravel5.1安装" >laravel5.1安装</a></li><li><a href="/index/article/45.html" title="初探Laravel5" >初探Laravel5</a></li><li><a href="/index/article/44.html" title="写了一个PHP框架" >写了一个PHP框架</a></li><li><a href="/index/article/42.html" title="当遇到问题时应该怎样去处理？" >当遇到问题时应该怎样去处理？</a></li><li><a href="/index/article/41.html" title="我的近况和计划" >我的近况和计划</a></li>	</ul>
<h3 class="ph">
    <p>点击<span>排行</span></p>
</h3>
	<ul class="paih">
    	<li><a href="/index/article/31.html" title="关于网站限制ie10以下浏览器访问的探讨" >关于网站限制ie10以下浏览器访问的探讨</a></li><li><a href="/index/article/46.html" title="laravel5.1安装" >laravel5.1安装</a></li><li><a href="/index/article/47.html" title="Laravel5.1配置" >Laravel5.1配置</a></li><li><a href="/index/article/41.html" title="我的近况和计划" >我的近况和计划</a></li><li><a href="/index/article/45.html" title="初探Laravel5" >初探Laravel5</a></li>	</ul>
<h3 class="links">
	<p>友情<span>链接</span></p>
</h3>
	<ul class="website">
		<li><a href="http://www.vso8.com" target="_blank">v8视频</a></li><li><a href="http://www.huanyun.net.cn" target="_blank">焕云企业管理有限公司</a></li><li><a href="http://www.sinkuo.com" target="_blank">济宁网站建设</a></li>	</ul>    </div>  
    <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"><a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a class="bds_renren"></a><span class="bds_more"></span><a class="shareCount"></a></div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6574585" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">

document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script> 
    <!-- Baidu Button END -->   
    <a onclick="javascript:window.open('/Public/Index/images/weixin.jpg','a', 'height=600,width=600,status=no,toolbar=no,menubar=no,location=no,scrollbars=no');" class="weixin"> </a></aside> 
</article>
<footer>
  <p><a href="http://www.miitbeian.gov.cn/" target="_blank">Copyright © 2015 yanhai All Rights Reversed | 鲁ICP备15004472号-1</a> </p>
</footer>
<script src="/Public/Index/js/silder.js"></script>

<script type="text/javascript">
     if(typeof(Worker) === "undefined"){
     	$.get('/Public/Html5/html5.html', function(data){
			$('body').html(data);
		})
     }
</script>

</body>
</html>